import React from 'react'
import { Accordion, List } from 'antd-mobile';


class Accordions extends React.Component {
  onChange = (key) => {
  }
  
  render(props) {
    return (
      <div style={{ marginTop: 10, marginBottom: 10 }}>
        <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange} accordion={this.accordion}>
            <Accordion.Panel header="发单教程"  className="sfq"> 
            <List className="my-list">
              <List.Item>注册账号️→身份绑定️→进入发布任务编辑️→发布完成️→我的任务查看</List.Item>
            </List>
          </Accordion.Panel>
          <Accordion.Panel header="接单教程" className="sfq">
            <List className="my-list">
              <List.Item>点击新任务→点击抢单→确认订单→收款账户→我已送达→确认完成任务</List.Item>
            </List>
          </Accordion.Panel>
          <Accordion.Panel header="投诉教程" className="sfq">
            <List className="my-list">
              <List.Item>我的→举报维权</List.Item>
            </List>
          </Accordion.Panel>
        </Accordion>
        </div>
    );
  }
 
}

export default Accordions
